﻿// JavaScript Document
//导航栏
 $(document).ready(
            function(){
               $('.nav a').hover(function(){
                  $(this).addClass('active');
             })
              $('.nav a').mouseout(function(){
              $(this).removeClass('active');
              })
         })


$(function(){ 
  // $(window).ready(function(){ //当DOM加载完毕触发的事件   和unload  相同 
  //  alert($('#box'))// 但是ready  谷歌是支持的
  // });  
  var sk1=false;
  var sk2=false;
  $('input[name="text"]').focus(function(){
    
    $(this).next().text('用户名应该为3-20位之间').removeClass('span');
    
  }).blur(function(){
    if ($(this).val().length>= 3 && $(this).val().length<=10 && $(this).
      val() !='') {
      $(this).next().text('输入成功').removeClass('span');
      sk1=true;
    }else{
      $(this).next().text('用户名应该为3-20位之间').removeClass('span');
    }
  });              
    $('input[name="password"]').focus(function(){
    $(this).next().text('bbbb').removeClass('span');
  }).blur(function(){
    if ($(this).val().length>=6 && $(this).val().length<=10 && $(this).
      val() !='') {
      $(this).next().text('输入成功').removeClass('span');
      sk2=true;
    }else{
      $(this).next().text('密码不能少于6为').removeClass('span');
    }
  });   
      $('.submit').click(function(){
        if (sk1 && sk2) {
          $('form').submit();
        }else{
          return false;
          
        }
        

      });

});

// 图片轮播制作
; (function ($) {
    $.extend({
        'foucs': function (con) {
            var $container = $('#index_b_hero');//定义一个轮播容器对象
            var $imgs = $container.find('li.hero');//定义对象获取所有的图片容器
            var $leftBtn = $container.find('a.prev');//定义一个向左的按钮对象
            var $rightBtn = $container.find('a.next');//定义一个向右的按钮对象
            var config = {//定义一个js对象
                interval: con && con.interval || 4000,
                animateTime: con && con.animateTime || 600,
                direction: con && (con.direction === 'right'),
                imgLen: $imgs.length
            };
            var i = 0;
            //
            var getNextIndex = function (y) { return i + y >= config.imgLen ? i + y - config.imgLen : i + y; };
            var getPrevIndex = function (y) { return i - y < 0 ? config.imgLen + i - y : i - y; };
            var silde = function (d) {
                $imgs.eq((d ? getPrevIndex(2) : getNextIndex(2))).css('left', (d ? '-1460px' : '1460px'))
                $imgs.animate({'left': (d ? '+' : '-') + '=730px'}, config.animateTime);
                i = d ? getPrevIndex(1) : getNextIndex(1);
            };
            var s = setInterval(function () {silde(config.direction);}, config.interval);
            $imgs.eq(i).css('left', 0).end().eq(i + 1).css('left', '730px').end().eq(i - 1).css('left', '-730px');

            $container.find('.hero-wrap').add($leftBtn).add($rightBtn).hover(function () {clearInterval(s);
			}, function () {s = setInterval(function () {silde(config.direction);}, config.interval);
			});

            $leftBtn.click(function () {
                if ($(':animated').length === 0) {
                    silde(true);
                }
            });
            $rightBtn.click(function () {
                if ($(':animated').length === 0) {
                    silde(false);
                }
            });
        }
    });
}(jQuery));
    jQuery.foucs({ direction: 'left' });

$(function(){
  var len = $(".heros li").length;
  $(".heros li").each(function(index, element) {
      len--;
      $(this).css("z-index", len);
  });
  $(".hero").mousemove(function(){
    $(".mask-left, .mask-right").show();
  });
  $("#main").mouseleave(function(){
    $(".mask-left, .mask-right").hide();
  });
})

//浮动面板
 $(document).ready(function(){
                      $(".wrap div").hover(function() {
                      $(this).animate({"top": "-140px"}, 400, "swing");
                         },function() {
                       $(this).stop(true,false).animate({"top": "0px"}, 400, "swing");
                      });
                    });

//新手卡选项
// var gamecard =document.getElementById('gamecard');
// function gamecardxs(){
//              var mes = document.getElementById('game-sel');
//               if (mes.style.display==="block") {
//                              mes.style.display="none";
//                }else{
//                             mes.style.display="block";
//                              };
//              }
// gamecard.addEventListener('click',gamecardxs,false);

//新手卡选项 点击隐藏和显示
$(function(){
  $('#gamecard').click(function(){
    if ($('#game-sel').is(':visible')) {//visible显示  hidden因此
      $('#game-sel').hide();
    }else{
      $('#game-sel').show();
    }
  })
})
// 鼠标滑过选项卡面板变化
             $(function(){
                  var $div_li = $('.select-rec ul li');
                  $div_li.mouseover(function(){
                    $(this).addClass('selected').siblings().removeClass('selected');
                    var index = $div_li.index(this);
                    $('div.contt>div').eq(index).show().siblings().hide();
                  })

             })
            $(function(){
                  var $div_li = $('.recommend2 li');
                  $div_li.mouseover(function(){
                    $(this).addClass('selected').siblings().removeClass('selected');
                    var index = $div_li.index(this);
                    $('div.conttt>div').eq(index).show().siblings().hide();
                  })
            })

//mason
$(function(){
   $('#masonz').text('此网站由Mason舟根据第七大道仿编,并保证不做任何商业用途!');
})

